<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--</head>-->
<!--<body>-->
<!--<div class="container" style="margin-top: 10px;">-->
<!--<div class="row">-->
<!--<div class="col-sm-2 col-12" style="padding: 0px 10px; ">-->
<!--     <div class="col-12 admin-side" style="height: 320px">-->
<!--         <ul>-->
<!--         <li><a href="#"><span class="oi oi-image" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;文件管理</a>-->
<!--         </li>-->
<!--         <li><a href="#"><span class="oi oi-task" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;评论管理</a>-->
<!--         </li>-->
<!--         <li><a href="#"><span class="oi oi-person" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;用户管理</a>-->
<!--         </li>-->
<!--         <li><a href="#"><span class="oi oi-heart" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;收藏管理</a>-->
<!--         </li>-->
<!--         <li><a href="#"><span class="oi oi-account-login" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;推荐管理</a>-->
<!--         </li>-->
<!--         <li><a href="#"><span class="oi oi-zoom-in" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;隐藏管理</a>-->
<!--         </li>-->
<!--         <li><a href="#"><span class="oi oi-zoom-in" aria-hidden="true">-->
<!--             </span>&nbsp;&nbsp;投稿审核</a>-->
<!--         </li>-->
<!--         </ul>-->
<!--     </div>-->
<!--</div>-->
<!--<div class="col-sm-10 col-12" style="padding: 0px 10px">-->
<!--    <div class="col-12 admin-main">-->
<!--    <div class="col-12 row"-->
<!--         style="padding: 10px;margin: 0px 10px;">-->
<!--        <div class="col-2">-->
<!--            <label>选择常用操作：</label>-->
<!--        </div>-->
<!--        <div class="col-2">-->
<!--            <input type="button" class="btn btn-primary" value="新增文章"/>-->
<!--        </div>-->
<!--        <div class="col-2">-->

<!--        </div>-->
<!--        <div class="col-4">-->
<!--            <input type="text" class="form-control"/>-->
<!--        </div>-->
<!--        <div class="col-2">-->
<!--            <input type="button" class="btn btn-primary" value="搜索文章"/>-->
<!--        </div>-->
<!--    </div>-->

<!--    <div class="col-12" style="padding: 10px;">-->
<!--    <table class="table col-12">-->
<!--        <thead style="font-weight: bold">-->
<!--        <tr>-->
<!--            <td width="10%" align="center">编号</td>-->
<!--            <td width="50%">标题</td>-->
<!--            <td width="8%" align="center">浏览</td>-->
<!--            <td width="8%" align="center">评论</td>-->
<!--            <td width="24%">操做</td>-->
<!--        </tr>-->
<!--        </thead>-->
<!--        <tbody>-->
<!--        <tr>-->
<!--            <td align="center">1</td>-->
<!--            <td>利用Python Flask框架开发Web应用系统</td>-->
<!--            <td align="center">365</td>-->
<!--            <td align="center">20</td>-->
<!--            <td>-->
<!--                <a href="#" target="_blank">浏览</a>&nbsp;&nbsp;-->
<!--                <a href="#" target="_blank">编辑</a>&nbsp;&nbsp;-->
<!--                <a href="#">推荐</a>&nbsp;&nbsp;-->
<!--                <a href="#">隐藏</a>-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td align="center">1</td>-->
<!--            <td>利用Python Flask框架开发Web应用系统</td>-->
<!--            <td align="center">365</td>-->
<!--            <td align="center">20</td>-->
<!--            <td>-->
<!--                <a href="#" target="_blank">浏览</a>&nbsp;&nbsp;-->
<!--                <a href="#" target="_blank">编辑</a>&nbsp;&nbsp;-->
<!--                <a href="#">推荐</a>&nbsp;&nbsp;-->
<!--                <a href="#">隐藏</a>-->
<!--            </td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td align="center">1</td>-->
<!--            <td>利用Python Flask框架开发Web应用系统</td>-->
<!--            <td align="center">365</td>-->
<!--            <td align="center">20</td>-->
<!--            <td>-->
<!--                <a href="#" target="_blank">浏览</a>&nbsp;&nbsp;-->
<!--                <a href="#" target="_blank">编辑</a>&nbsp;&nbsp;-->
<!--                <a href="#">推荐</a>&nbsp;&nbsp;-->
<!--                <a href="#">隐藏</a>-->
<!--            </td>-->
<!--        </tr>-->
<!--        </tbody>-->
<!--    </table>-->
<!--    </div>-->
<!--    </div>-->
<!--</div>-->
<!-- </body>-->
<!--</html>-->



{% extends 'base.html' %}
{% block content %}
<link rel="stylesheet" href="css/bootstrap.css">
<div class="container" style="margin-top: 10px">
    <div class="row">
        <div class="col-sm-2 col-12" style="padding: 0px 10px">
            <div class="col-12 admin-side" style="height: 320px; border: 1px solid black; font-size: 20px">
                <ul>
                    <li><a href="#" onclick="loadContent('/my_love')">我的收藏</a></li>
                    <li><a href="publish" >发布文章</a></li>
                    <li><a href="#" onclick="loadContent('/my_test')">我的草稿</a></li>
                    <li><a href="#" onclick="loadContent('/mine')">我的文章</a></li>
                    <li><a href="#" onclick="loadContent('/my_comments')">我的评论</a></li>
                    <li><a href="#" onclick="loadContent('/myself')">个人资料</a></li>
                    <li><a href="#" onclick="loadContent('/credit')">我的积分</a></li>
                </ul>
            </div>
        </div>
        <div class="col-sm-10 col-12" style="padding: 0px 10px; border: 1px solid black;">
            <div class="col-12 admin-main" id="adminMain">
                <!-- 内容将通过 AJAX 加载 -->
            </div>
        </div>
    </div>
</div>

<script>
function loadContent(page) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", page, true);
    xhr.onload = function () {
        if (xhr.status === 200) {
            document.getElementById('adminMain').innerHTML = this.responseText;
        } else {
            console.error("Error loading the page:", xhr.status);
        }
    };
    xhr.send();
}
</script>
{% endblock %}